<!-- 开发组 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/AllSpark_dvpt.css">
    <link rel="shortcut icon" href="../picture/2.png" type="image/x-icon">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/Nav.js"></script>
    <title>开发组</title>
</head>
<body>
    <div id="_text">  
        <div id="header">
            <!-- 导航栏部分 -->
            <div class="Nav">
                <!-- logo部分 -->
                <div class="logo">
                    <img src="../picture/2.png" width="50" height="60">
                    <div class="logoName">
                        <p class="little">AllSpark studio</p>
                        <p class="big">AllSpark工作室</p>
                        <span class="lastLogo">官网</span>
                    </div>
    
    
                </div>
                <!-- 导航栏内容 -->
                <div class="logo2">
                    <ul class="navList">
                        <li class="navList_3">
                            <a href="../../../index.html">主页</a>
                        </li>
                        <li class=" navList_3 secondText">
                            <a href="# " style="cursor:default " class="choose">职位介绍</a>
                            <ul>
                                <li><a href="#" target="_blank ">开发组</a></li>
                                <li><a href="../../../introduce/AllSpark_cpt/html/AllSpark_cpt.html" target="_blank ">竞赛组</a></li>
                                <li><a href="#" target="_blank ">SC小组</a></li>
                            </ul>
                        </li>
                        <li class="navList_3 ">
                            <a href="../../../joinUs/joinUs.html" target="_blank ">加入我们</a>
                        </li>
                        <li class="navList_3 ">
                            <a href="../../../AllSparkProduct/product.html" target="_blank ">产品/服务</a>
                        </li>
                        <li class="navList_3 lastText">
                            <a href="#" style="cursor:default ">相关下载</a>
                            <ul>
                                <li><a href="#" target="_blank ">工作室财报</a></li>
                                <li><a href="#" target="_blank ">大话西游实验室篇</a></li>
                                <li><a href="#" target="_blank ">西邮大一攻略</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>   
        <div class="wrapper" id="wrapper">
            <div class="dvpt_main" id="dvpt_main">
                <div class="introduction">
                    <p id="name">后台</p>
                    <div class="intrs">
                        <div class="intr_func" id="intr_func">
                            <p class="functions">职能:</p>
                            <p class="func" id="func">根据正在处理的应用程序的大小和范围，后台开发人员要做的事情有很大的不同。但总体来说工作都是对应用程序中的业务逻辑，以及从前端提取和检索数据</p>
                        </div>
                        <div class="intr_skill">
                            <p class="skills">技能:</p>
                            <p class="skill" id="skill">精通JAVASE，JAVAEE，数据库，能熟练操作Linux，熟练使用Github</p>
                        </div>
                    </div>
                </div>

                <div class="vedio">
                    <iframe id="vedio" src="http://player.bilibili.com/player.html?aid=86709769&bvid=BV1N7411W7Bn&cid=148184202&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
                </div>  
               
                <div class="career_logo" id="career_logo">
                    <ul id="career_logos">
                        <li class="back" id="back" onclick="changeVal()">
                            <div>
                                <img src="../picture/后台.svg" alt="">
                            </div>
                            <span>后台</span>
                        </li>
                        <li class="front_end" id="front_end" onclick="changeVal()"> 
                            <div>
                                <img src="../picture/前端.svg" alt="">
                               
                            </div>
                            <span>前端</span>
                        </li>   
                   
                        <li class="opermaint" id="opermaint" onclick="changeVal()">
                            <div>
                                <img src="../picture/运维.svg" alt="">   
                            </div>
                            <span>运维</span>
                        </li>
                        <li class="product">
                            <div>
                                <img src="../picture/产品.svg" alt="">
                            </div>
                            <span>产品</span>
                        </li>
                        <li class="operation"> 
                            <div>
                                <img src="../picture/运营.svg" alt="">
                            </div>
                            <span>运营</span>
                        </li>
                        <li class="design">
                            <div>
                                <img src="../picture/设计.svg" alt="">
                            </div>
                            <span>设计</span>
                        </li>
                        <li class="market">
                            <div><img src="../picture/市场.svg" alt=""></div>
                            <span>市场</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div> 
        <iframe src="AllSparkFooter.html" frameborder="0" style="width: 100%;height: 214px;" scrolling="no"></iframe>
    </div> 
    <script src="../js/AllSpark_dvpt.js"></script>
</body>
</html>